<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>电商</title>
	<style type="text/css">
	body{
		margin:0;
		padding:0;
		background:pink;
	}
		.body{
			width:1299px;
			/*height:1000px;*/
			margin:0 auto;
			background-color:white; 
		}
		.body img{
			float:left;
			margin:10px;
		}
		.header{
			width:1299px;
			height:59px;
			background-color: #262626;
		}
		.header ul{
			margin:0;
			padding:0;
			margin-top:21px;
			display: inline-block;
			float:left;
			list-style: none;
		}
		.header li{
			margin-left:30px;
			display: inline-block;
		}
		.header a{
			color:white;
			text-decoration: none;
		}
		.header #firsta{
			margin-left: 73px;
		}
		.headerright1,.headerright2{
			width:38px;
			height:23px;
			border:1px solid orange;
			margin-top:18px;
			float:left;
			color:orange;
		}
		.headerright1{
			margin-left: 154px;
		}
		.headerright2{
			margin-left:10px;
			color:black;
			background-color: orange;
		}
		.banner{
			width:1299px;
			height:298px;
			background-image: url("dsimages/banner.jpg");
		}
		.banner img{
			margin:0;

		}
		.content1{
			width:1199px;
			height:423px;
		/*	background-color: green;*/
			margin:0 auto;
		}
		.content1 h1{
			margin:0;
			padding:0;
			margin-left:118px;
		}
		.content11,.content15{
			width:28px;
			height:63px;
			margin-top:179px; 
		}

		.content11{
			float:left;
			margin-left: 20px;
		}
		.content12,.content13,.content14{
			float:left;
			width:360px;
			height:320px;
			margin-top: 79px;
		}
		.content15{
			float:left;
		}
/*		.content12{
			background-color: yellow;
		}
		.content13{

			background-color: blue;
		}
		.content14{
			background-color: pink;
		}*/
		.content2{
			width:1299px;
			height:539px;
			background-color: #f2f2f2;
		}
		.content2 img{
			margin:0;
			padding:0;
		}
		.content2 h3{
			margin:0;
			margin-top: 20px;
			margin-left:11px;
			color:#6e6e6e;
			display:inline-block;
		}
		.content2 span{
			margin-left: 100px;
			color:orange;
		}
		.content2 h5,.content2 h4{
			margin:0;
			margin-left:11px;
			margin-top:15px;
			float:left;
			font-weight: 500;
			color:#989898;
			display: inline-block;
		}
		.content2 h4{
			margin-left:150px;

		}
		.content2 button{
			float:left;
			margin-top: 16px;
			margin-left:20px;
			color:white;
			border-radius: 5px;
		}
		.content21,.content22,.content23{
			width:385px;
			height:345px;
			float:left;
			margin-right: 22px;
			border:1px solid #dbdbdb ;
		}
		.content21{
			margin-left:45px;
/*background-color: red;*/
		}
/*		.content22{
background-color: yellow;
		}
		.content23{
background-color: red;
		}*/
.content3{
	height:182px;
	background-color:#304363; 
	float:left;
}
	</style>
}
</head>
<body>
<div class="body">
	<div class="header">
		<img src="dsimages/logo.jpg">
		<ul>
			<li><a href="#" id="firsta">首页</a></li>
			<li><a href="#">课程</a></li>
			<li><a href="#">每日作业</a></li>
			<li><a href="#">免费视频</a></li>
			<li><a href="#">免费直播厅</a></li>
			<li><a href="#">问答</a></li>
			<li><a href="#">学习指南</a></li>
			<li><a href="#">个人中心</a></li>
		</ul>
		<div class="headerright">
			<div class="headerright1">登录</div>
			<div class="headerright2">注册</div>
		</div>

	</div>
	<div class="banner">
		<img src="dsimages/banner.jpg" width="1289px" height="298px">
	</div>
	<div class="content1">
		<div class="content11">
			<img src="dsimages/L.jpg">
		</div>
		<div class="content12">
		<h1>平面设计</h1>
			<img src="dsimages/tu.jpg">
		</div>
		<div class="content13">
		<h1>平面设计</h1>
			<img src="dsimages/package_pic2.jpg">
		</div>
		<div class="content14">
		<h1>平面设计</h1>
			<img src="dsimages/tu.jpg">
		</div>
		<div class="content15"><img src="dsimages/R.jpg"></div>
	</div>
	<div class="content2">
		<div class="content21">
			<img src="dsimages/ui_pic1.jpg">
			<h3>PhotoShop精品班<span>&yen1499.00</span></h3>
			<h5>课程以基础入门为主，详细讲解软件每一个工具的使用与技巧，让喜欢PS的你更加熟练的掌握软件的应用</h5>
			<h4>已经有1342人购买</h4><button style="width: 72px;height: 27px;border: none;background: orange;">去看看</button>
		</div>
		<div class="content22">
			<img src="dsimages/ui_pic2.jpg">
			<h3>PhotoShop精品班<span>&yen1499.00</span></h3>
			<h5>课程以基础入门为主，详细讲解软件每一个工具的使用与技巧，让喜欢PS的你更加熟练的掌握软件的应用</h5>
			<h4>已经有1342人购买</h4><button style="width: 72px;height: 27px;border: none;background: orange;">去看看</button>
		</div>
		<div class="content23">
			<img src="dsimages/ui_pic3.jpg">
			<h3>PhotoShop精品班<span>&yen1499.00</span></h3>
				<h5>课程以基础入门为主，详细讲解软件每一个工具的使用与技巧，让喜欢PS的你更加熟练的掌握软件的应用</h5>
			<h4>已经有1342人购买</h4><button style="width: 72px;height: 27px;border: none;background: orange;">去看看</button>
		</div>
	</div>
	<div class="content3">
		
	</div>
	<div class="footer1"></div>
	<div class="footer2"></div>
</div>

</body>
</html>